import './index.less'
import RoleList from './components/roleList'
import { useState } from 'react';
import Tabel from './table'
import { handleTreeList } from '@/utils'
export default () => {
    const [selectKey, setselectKey] = useState('');
    const setselectKeyfn = (key) => {
        setselectKey('');
        setTimeout(() => {
            setselectKey(key);
        }, 100);
    }
    return <div className='rolePage'>
        <div className='role'>
            <RoleList selectKey={selectKey} setselectKey={setselectKeyfn} />
        </div>
        <div className='content'>
            {
                selectKey && <Tabel roleId={selectKey} />
            }
        </div>
    </div>
}